@import "style/theme.less";

.detail-page {
  padding: @body-spacing;
  height: 100%;
  .base-info {
    border-radius: @border-radius-base;
    background-color: #fff;
    padding: 12px 14px;
    margin-bottom: 12px;
  }

  .base-list-name {
    width: 48px;
    text-align: right;
  }

  .reject-tip {
    margin-left: 14px;
    font-size: 10px;
    .reject-icon {
      margin-right: 6px;
    }
  }

  .copy-action {
    cursor: pointer;
    color: @primary-color;
    margin-left: 6px;
  }

  .detail-info {
    .detail-info-title {
      line-height: 20px;
      font-size: 12px;
      margin-bottom: 10px;
    }

    .detail-info-content {
      border-radius: @border-radius-base;
      background-color: #fff;
      padding: 16px 24px;
    }
  }

  .row-desc {
    background-color: @info-bg;
    padding: 0px 10px;
    line-height: 22px;
    font-size: 12px;
    color: @text-color-secondary;
    border-radius: @border-radius-base;
  }

  .discount-content {
    background-color: #fff;
    padding: 10px 6px;
    margin-bottom: 12px;
  }

  .discount-list-name {
    width: 48px;
    text-align: right;
  }

  .discount-list-content {
    text-align: right;
    flex: 1;
  }

  .detail-info {
    margin-bottom: 12px;
  }

  .order-desc {
    padding: 8px 12px;
    border-radius: @border-radius-base;
    background-color: #fff;
    margin-bottom: 12px;

    .order-desc-name {
      line-height: 20px;
      font-size: 12px;
      color: @text-color-secondary;
      margin-bottom: 8px;
    }

    .order-desc-content {
      color: @heading-color;
    }
  }

  .file-content {
    border-radius: @border-radius-base;
    background-color: #fff;
    padding: 8px 12px;
    margin-bottom: 12px;
  }
}

.copy-action {
  cursor: pointer;
  color: @primary-color;
}

.info-list {
  .info-list-item {
    display: flex;
    margin-bottom: 8px;
    align-items: center;

    &:nth-last-of-type(1) {
      margin-bottom: 0px;
    }

    .info-item-name {
      color: @text-color-secondary;
      margin-right: 24px;
      white-space: nowrap;
    }

    .info-item-content {
      word-break: break-all;
      color: @heading-color;
    }
  }
}

.page-footer {
  padding: 0px 40px;
  background-color: #fff;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  .btns-content {
    display: flex;
    justify-content: center;
  }
  .action-btn {
    padding: 8px 14px;
    display: inline-block;
    border: 1px solid @primary-color;
    color: @primary-color;
    font-size: 14px;
    border-radius: 16px;
    margin-right: 36px;
    cursor: pointer;
    &:nth-last-of-type(1) {
      margin-right: 0px;
    }
    &.cancel-btn {
      border-color: @pink;
      color: @pink;
    }
  }
}

.detail-table {
  .detail-thead-tr {
    .detail-cell {
      color: @heading-color;
    }

    margin-bottom: 20px;
  }

  .detail-tr {
    display: flex;
    margin-bottom: 8px;

    .detail-cell {
      flex: 1;
    }
  }
}